<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport"/>
    <link rel="stylesheet" href="css/amazeui.min.css">
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/style.css">
    <title>订单详情</title>
</head>
<body style="background-color:white; ">
<header data-am-widget="header"
        class="am-header am-header-default" style="background-color: #FF856E;">
    <div class="am-header-left am-header-nav">
        <a href="javascript:history.go(-1);" style="float: left">
            <i class="am-icon-chevron-left" style="font-size: 20px;"></i>
        </a>
        <span style="font-size: 18px;color: white;">点单详情</span>
    </div>

</header>


<div class="am-nav">
    <div style="text-align: center;margin-top: 5%;line-height: 0.1em;">
        <img src="img/3.png" alt="" style="width: 80px;">
        <p style="font-size: 24px;color: black;"></p>
    </div>
</div>

<div class="am-list-news am-list-news-default" data-am-widget="list_news" style="margin: 5% auto;background-color: white;">
    <div class="am-list-news-bd" >
        <ul class="am-list" style="padding-left:5%;padding-right: 5%;">
            <li class="am-g am-list-item-dated" style="border-top: 0;">
                <a class="am-list-item-hd">订单号：</a>
                <span class="am-list-date orderId"></span>
            </li>
            <li class="am-g am-list-item-dated">
                <a class="am-list-item-hd">物件：</a>
                <span class="am-list-date category"></span>
            </li>
            <li style="" class="am-g am-list-item-dated">
                <a class="am-list-item-hd">车牌号：</a>
                <span class="am-list-date carId"></span>
            </li>
            <li style="" class="am-g am-list-item-dated">
                <a class="am-list-item-hd">起始点：</a>
                <span class="am-list-date pos1"></span>
            </li>
            <li style="" class="am-g am-list-item-dated">
                <a class="am-list-item-hd">目的地：</a>
                <span class="am-list-date pos2"></span>
            </li>
            <li style="" class="am-g am-list-item-dated">
                <a class="am-list-item-hd">距离：</a>
                <span class="am-list-date distance"></span>
            </li>
            <li style="" class="am-g am-list-item-dated">
                <a class="am-list-item-hd">价格：</a>
                <span class="am-list-date price"></span>
            </li>
            <li style="" class="am-g am-list-item-dated">
                <a class="am-list-item-hd">状态：</a>
                <span class="am-list-date status"></span>
            </li>
            <li style="" class="am-g am-list-item-dated" >
                <a class="am-list-item-hd">时间：</a>
                <span class="am-list-date createTime"></span>
            </li>
        </ul>
    </div>
</div>

<div style="height: 60px;"></div>
<script src="js/jquery.min.js"></script>
<script src="js/main.js"></script>
</body>
<script>
    $(function () {
        const orderId = UrlParm.parm("orderId");
        getSingleOrder(orderId);
    })
</script>
</html>